<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    // * 对象如何设置属性与方法
    {
        const c = 3;
        let obj = {
            // 设置名字为a,值为1的属性。
            a:1,
            // 设置名字为b,值为2的属性。
            ["b"]:2,
            // 设置名字为变量c的值3，值为100的属性
            [c]:100,
            // 设置名字为$%^&*()，值为5的属性。
            "$%^&*()":5,
            // 设置名字c,值为变量c的值的属性。
            c,

            fn:function(){

            },
            fn2(){

            },
            fn3:()=>{

            }
        }
        obj.one = 4;
        obj.c =5;
        obj["$%^&*()"] = 100;
        obj.info = {
            userName:"zhangsan",
            age:12
        }
        // console.log(obj.one,obj["$%^&*()"],obj[c]);

        // 删除
        delete obj.a;
        delete obj.b;
        delete obj.c;
        delete obj.info.userName;
        // 遍历
        for(let key in obj){
            console.log(key,obj[key])
        }
    }
    // * 对象如何获取属性与调用方法
    // * .属性名：编码简单，但有时不能用
    // * ["属性名"]：编码麻烦，但通用。
    // * 对象如何进行遍历
    // * 对象如何删除属性
</script>
</html>